<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{chofer.TituloDetalles}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form>
                <p:panel header="Detalle de la Unidad">                
                    <table style="font-size: small" width="900" border="0">                        
                        <h:inputHidden value="#{unidadController.selected.id}"/>                        
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.NUMERO}" /></th>
                            <td width="203"><p:outputLabel id="txtNumero"   value="#{unidadController.selected.numero}" ></p:outputLabel></td>
                            <td width="251" rowspan="11" align="center">
                                <p:graphicImage style="border:5px" width="500" height="300" value="#{unidadController.image}">
                                    <f:param name="unidadId" value="#{unidadController.selected.id}" />
                                </p:graphicImage>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.HABILITACION}" /></th>
                            <td width="203"><p:outputLabel id="txtHab"   value="#{unidadController.selected.habilitacion}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.PLACA}" /></th>
                            <td width="203"><p:outputLabel id="txtPlaca"   value="#{unidadController.selected.placa}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.FABRICACION}" /></th>
                            <td width="203"><p:outputLabel id="txtFabricacion"   value="#{unidadController.selected.anioFabricacion}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.CHASIS}" /></th>
                            <td width="203"><p:outputLabel id="txtChasis"   value="#{unidadController.selected.chasis}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.MOTOR}" /></th>
                            <td width="203"><p:outputLabel id="txtMotor"   value="#{unidadController.selected.motor}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.CARROCERIA}" /></th>
                            <td width="203"><p:outputLabel id="txtCarroceria"   value="#{unidadController.selected.carroceria}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.TIPO}" /></th>
                            <td width="203"><p:outputLabel id="txtTipo"   value="#{unidadController.selected.tipo}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.CAPACIDAD}" /></th>
                            <td width="203"><p:outputLabel id="txtCapacidad"   value="#{unidadController.selected.capacidad}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.PUERTAS}" /></th>
                            <td width="203"><p:outputLabel id="txtPuertas"   value="#{unidadController.selected.puertas}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.PUERTAIZQ}" /></th>
                            <td width="203"><p:outputLabel id="txtPuertasIzq"   value="#{unidadController.selected.puertasIzq}" ></p:outputLabel></td>                            
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.ESTADO}" /></th>
                            <td><p:selectBooleanCheckbox disabled="true" value="#{unidadController.selected.estado}"/></td>                                                                               
                        </tr>    
                        <tr>
                            <th align="right" scope="row"></th>
                            <td></td>                                                   
                            <td align="center"><strong>Fotografía</strong></td>
                        </tr>    
                    </table> 
                    <div align="left" style="font-size: x-small">                        
                        <p:commandLink ajax="false"
                                       action="#{unidadController.cargarModificarDetalleUnidad(unidadController.selected.id)}" 
                                       value="#{ruta.Modificar}"
                                       rendered="#{accionController.getAccionByVista('Unidad', 'Editar')}"/>
                        <br />
                        <h:link outcome="Index" value="#{unidad.RegresarIndex}"/>
                    </div>                     
                </p:panel>      
            </h:form>
        </ui:define>
    </ui:composition>
</html>

